<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>确认订单 - 娃娃Get抓娃娃</title>


    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/js/swiper-4.4.2/swiper.min.css" />
    <link rel="stylesheet" href="assets/css/sweetalert.min.css" />
    <link rel="stylesheet" href="assets/css/main.css" />

    <script src="assets/js/jquery.slim.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/swiper-4.4.2/swiper.min.js"></script>
    <script src="assets/js/sweetalert.min.js"></script>
    <script src="assets/js/common.js"></script>




</head>
<body class="main-color">

    <!--start confirm address-->
    <div class="container flex confirm-address-wrapper " onclick="select_address()">
        <div class="address-icon"></div>
        <div class="address-body">
            <div class="consume flex">
                <p>收货人: <span>XXXX</span></p>
                <p>12345678910</p>
            </div>
            <div class="address">
                收货地址: <span>广东省广州市天河区棠下街道棠德南路288号天盈创意园1060室</span>
            </div>
        </div>
        <div class="arrow-right"></div>
    </div>
    <!--end confirm address-->

    <!--start goods list -->
    <div class="container goods-list">
        <!--start goods item-->
        <div class="goods-item flex">
            <img src="assets/images/doll.png" alt="" class="goods-thumb">
            <div class="goods-info">
                <div class="goods-title">范冰冰同款粉红豹范冰冰同款粉红豹</div>
                <div class="goods-price-number flex">
                    <span class="price"> ￥ <span class="goods-price">0.00</span></span>
                    <span class="number">数量: <span class="goods-number">1</span></span>
                </div>
            </div>
        </div>
        <!--end goods item-->

        <!--start goods item-->
        <div class="goods-item flex">
            <img src="" alt="" class="goods-thumb">
            <div class="goods-info">
                <div class="goods-title">范冰冰同款粉红豹范冰冰同款粉红豹</div>
                <div class="goods-price-number flex">
                    <span class="price"> ￥ <span class="goods-price">0.00</span></span>
                    <span class="number">数量: <span class="goods-number">1</span></span>
                </div>
            </div>
        </div>
        <!--end goods item-->

        <!--start goods item-->
        <div class="goods-item flex">
            <img src="assets/images/doll.png" alt="" class="goods-thumb">
            <div class="goods-info">
                <div class="goods-title">范冰冰同款粉红豹范冰冰同款粉红豹</div>
                <div class="goods-price-number flex">
                    <span class="price"> ￥ <span class="goods-price">0.00</span></span>
                    <span class="number">数量: <span class="goods-number">1</span></span>
                </div>
            </div>
        </div>
        <!--end goods item-->

        <!--start goods item-->
        <div class="goods-item flex">
            <img src="" alt="" class="goods-thumb">
            <div class="goods-info">
                <div class="goods-title">范冰冰同款粉红豹范冰冰同款粉红豹</div>
                <div class="goods-price-number flex">
                    <span class="price"> ￥ <span class="goods-price">0.00</span></span>
                    <span class="number">数量: <span class="goods-number">1</span></span>
                </div>
            </div>
        </div>
        <!--end goods item-->
    </div>
    <!--end goods list -->


    <div class="container confirm-total-info">
        <div class="item flex">
            <div class="tip">商品合计</div>
            <div class="price">￥102</div>
        </div>
        <div class="item flex">
            <div class="tip">商品合计</div>
            <div class="price">￥102</div>
        </div>
        <div class="item flex">
            <div class="tip total-tip">总计</div>
            <div class="price bold">￥102</div>
        </div>
    </div>



    <div class="container confirm-total-info">
        <div class="item">
            <div class="tip total-tip">备注</div>
            <textarea class="order-note" name="note" id="note" placeholder="可输入150字内的备注信息"></textarea>
        </div>
    </div>



    <div class="container">
        <div class="pay-btn-wrapper flex">
            <div class="pay-btn wexin-btn" data-id="微信"><img src="assets/images/pay-btn-02.png" alt="微信支付">微信支付</div>
            <div class="pay-btn alipay-btn" data-id="支付宝"><img src="assets/images/pay-btn-01.png" alt="支付宝支付">支付宝支付</div>
        </div>
    </div>

</body>


<script>
    $(function(){


        //支付操作
        $('.pay-btn').click(function(){

            console.log('do something');

            var title = $(this).data('id');
            swal('',title + ' 支付成功(3s go....)','success');

            setTimeout(function() {
                location.href="order-detail.html"
            },3000)

        })



    })

    function select_address() {
        location.href = 'address.html'
    }






</script>














</html>